\section{Sobre WebMakeUp}
\label{sec:1-2-WebMakeUp}

Hay que tener en cuenta la problemática que existe para los usuarios de realizar aumentaciones por si mismos. Las tecnologías que existen requieren de bastantes conocimientos de desarrollo software y conocimientos técnicos sobre tecnologías concretas como pueden ser javascript, html o css y habitualmente carecen de ese tiempo, tanto para aprenderlos, como para desarrollarlos posteriormente.

De esta problemática surge la solución de realizar un editor DIY (Do-it yourself), es decir, que un usuario sin necesidad de grandes conocimientos pueda realizar una aumentación que pueda cubrir sus necesidades al acceder a un sitio web concreto. Mediante este editor bautizado como WebMakeUp se pueden crear mods de un sitio web.

Un mod de un sitio web consiste en una modificación del contenido que el proveedor de contenidos del sitio web al que accedemos. Los cambios que se pueden hacer son del tipo contenido Document Object Model(DOM) HTML, estilo o forma CSS, o interacción Javascript. 

El contenido de un sitio se relaciona con el concepto de Widget, es decir, un "trozo" de un sitio web, que puede abarcar desde toda la página, hasta un simple enlace, imagen, video, etc. Un Widget puede tener o no interacción, y asociado a él va un estilo concreto. Son parte fundamental de WebMakeUp y el usuario trabajará con ellos, creando, modificando o destruyendolos para poder realizar una aumentación.

\begin{figure}
\begin{center}
\subfloat[Antes]{
	\includegraphics[width=0.5\textwidth]{figs/1-TVGuiaBefore.png}
	\label{fig:1-TVGuiaBefore}
}
\subfloat[Después]{
	\includegraphics[width=0.5\textwidth]{figs/1-TVGuiaAfter.png}
	\label{fig:1-TVGuiaAfter}
}
\caption{\emph{www.tvguia.es} antes y después de ser modificada: se elimina el canal \emph{La 1} y se añaden ratings de filmaffinity sobre la película de la noche.}
\label{fig:1-TVGuia}
\end{center}
\end{figure}

Por ejemplo, en la Figura \ref{fig:1-TVGuia} observamos la página web www.tvguia.es que tiene como propósito ofrecer la programación de las diferentes cadenas de televisión donde se destaca en la parte superior la película de la noche. Mediante WebMakeUp se ha hecho un mod, donde por un lado se elimina la programación del canal \emph{La 1} y se añade el rating (o puntuación) que le dan en www.filmaffinity.com a la película destacada.

Gracias a este mod, podemos evitar ver información que no nos interesa (como puede ser la programación de un canal en concreto) y añadir información de otros sitios webs que nos interese haciendo referencia al contenido que sale en la propia web (como puede ser en este caso puntuación de la película obtenida de filmaffinity).

El editor WebMakeUp se encarga de facilitar al usuario esta tarea ofreciendo un Lenguaje Específico de Dominio (DSL), que trata de describir mediante un lenguaje lo más natural posible para un usuario final la manera de concebir una aumentación web.

Para definir este DSL hay que basarse en varias premisas. Una de ellas es la de poder realizarla en poco tiempo, en un coffee-break o tiempo de tomar el café, unos 30 minutos. Estos coffee-breaks están condicionados a interrupciones por parte de compañeros de trabajo, y los usuarios finales suelen ser bastante impacientes y quieren ver resultados rápido y sin necesidad de realizar grandes esfuerzos. También se ha tenido en cuenta el poco conocimiento del usuario, no conoce conceptos de programación ni tiene la necesidad de ello, por tanto el editor tiene que ser lo más intuitivo posible y alejarse de la parte de programación tratando de acercarse al lenguaje humano.